* {
  padding: 0;
  margin: 0;
}
html,
body {
  width: 100%;
  height: 100%;
}
.wrap {
  width: 100%;
  height: 100%;
  min-height: 7.5rem;
  position: relative;
}

.wrap * {
  color: white;
  font-size: 0.24rem;
  box-sizing: border-box;
}

.main > .content {
  width: 94%;
  height: 100%;
  margin: 0 auto;
}
/* 模块1 */
.model1 {
  position: relative;
  width: 7.5rem;
  height: 9.64rem;
  background: url(../kv-1.png) no-repeat center/cover;
}

.model1 .intro {
  width: 6.7rem;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.2rem;
  position: relative;
  top: 5.35rem;
  font-size: 0.22rem;
  color: #b2b2b2;
  z-index: 3;
  overflow: auto;
  max-height: 2.9rem;
}
.border {
  border-radius: 10px;
  border: solid 1px #767676ab;
}

/* 模块2 */
.model2.content,
.model3.content {
  position: relative;
  top: -1.2rem;
  user-select: none;
}
.model2 .title,
.model3 .title {
  color: #ffffff;
  font-size: 0.37rem;
  font-weight: bold;
  margin-left: 0.17rem;
  margin-bottom: 0.29rem;
}
.model2 .intro {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.model2 .swiper-container {
  height: 4.65rem;
  width: 100%;
}
.model2 .swiper-pagination {
  position: relative;
  /* width: 1.65rem; */
  height: 0.11rem;
  background-color: #17181a;
  border-radius: 5px;
  margin-top: 0.49rem;
  margin-bottom: 0.68rem;
}

.swiper-pagination-bullet-active {
  width: 0.38rem;
  height: 0.11rem;
  background-color: #244bd8;
  border-radius: 0.05rem;
  position: absolute;
  top: 0;
}

.swiper-slide a {
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: block;
}

.model2 .swiper-slide img {
  width: 2.95rem;
  height: 4.65rem;
}

/* 分类部分 */
.model3 .type {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
}
.model3 .typeItem {
  width: 33%;
  height: 2.4rem;
}
.model3 .typeItem a {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.typeItem img {
  width: 1rem;
  height: 1rem;
  margin-bottom: 0.31rem;
}
.type div.typeItem:nth-last-child(1) span {
  font-weight: bolder;
  color: white;
}
.typeItem span {
  text-align: center;
  margin: 0 auto;
  font-size: 0.27rem;
  color: #9c9fa5;
}
.type .typeItem:nth-child(3n + 1) {
  border-right: 1px dashed #565656;
  border-bottom: 1px dashed #565656;
}
.type .typeItem:nth-child(3n + 2) {
  border: 1px dashed #565656;
  border-top: none;
  border-left: none;
}
.type .typeItem:nth-child(3n + 0) {
  border-bottom: 1px dashed #565656;
}
.type .typeItem:nth-last-child(1),
.type .typeItem:nth-last-child(2),
.type .typeItem:nth-last-child(3) {
  border-bottom: none;
}
.type .typeItem:nth-last-child(2),
.type .typeItem:nth-last-child(3){
  border-bottom: 1px dashed #565656;
}

.model3bg {
  width: 100%;
  height: 20rem;
  background: url(../bg.png) no-repeat center/cover;
  position: absolute;
  top: 7rem;
}
.big-banner {
  width: 6.7rem !important;
}
.big-banner img {
  width: 6.15rem !important;
}